import React from 'react';
import WebBanner from '../../Component/WebBanner';
import ImageText from '../../Component/ImageText';
import SolutionTab from '../SolutionTab';
import SolutionImage from '../SolutionImage';
import SolutionProduct from '../SolutionProduct';
import SolutionPartner from '../SolutionPartner';
import SolutionMore from '../SolutionMore';
import SolutionBottom from '../SolutionBottom';
import activeProfile from '../../Profile';
import '../index.less';

const SolutionData = activeProfile.solution.internet.solutionData;

const Micro = () => {
  return (
    <div className='web-page solution'>
      {/*顶部大图*/}
      <WebBanner className='solution-banner' title="物联网解决方案" />
      <div className='solution-bg background'>
        <ImageText title={activeProfile.solution.internet.text1.title} image={require('./../../img/solution/solution-content-image1.png')} type='right' border>
          {activeProfile.solution.internet.text1.content}
        </ImageText>
        <ImageText title={activeProfile.solution.internet.text2.title} image={require('./../../img/solution/solution-content-image2.png')} type='left'>
          {activeProfile.solution.internet.text2.content}
        </ImageText>
      </div>
      <div className='solution-bg1'>
        <br />
        <br />
        <br />
        <SolutionTab data={SolutionData} />
        <SolutionImage title='解决方案架构图' image={require('./../../img/solution/solution-content-image5.png')} />
        <SolutionProduct />
        <SolutionPartner />
        <SolutionMore />
        <SolutionBottom />
      </div>
    </div>
  );
}

export default Micro;
